<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>사진 첨부하기 :: SmartEditor2</title>
<style type="text/css">
/* NHN Web Standard 1Team JJS 120106 */
/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select
	{
	margin: 0;
	padding: 0
}

body,input,textarea,select,button,table {
	font-family: '돋움', Dotum, Helvetica, sans-serif;
	font-size: 12px
}

img,fieldset {
	border: 0
}

ul,ol {
	list-style: none
}

em,address {
	font-style: normal
}

a {
	text-decoration: none
}

a:hover,a:active,a:focus {
	text-decoration: underline
}

/* Contents */
.blind {
	visibility: hidden;
	position: absolute;
	line-height: 0
}

#pop_wrap {
	width: 383px
}

#pop_header {
	height: 26px;
	padding: 14px 0 0 20px;
	border-bottom: 1px solid #ededeb;
	background: #f4f4f3
}

.pop_container {
	padding: 11px 20px 0
}

#pop_footer {
	margin: 21px 20px 0;
	padding: 10px 0 16px;
	border-top: 1px solid #e5e5e5;
	text-align: center
}

h1 {
	color: #333;
	font-size: 14px;
	letter-spacing: -1px
}

.btn_area {
	word-spacing: 2px
}

.pop_container .drag_area {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	width: 341px;
	height: 129px;
	margin-top: 4px;
	border: 1px solid #eceff2
}

.pop_container .drag_area .bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 341px;
	height: 129px;
	background: #fdfdfd url(../../img/photoQuickPopup/bg_drag_image.png) 0 0
		no-repeat
}

.pop_container .nobg {
	background: none
}

.pop_container .bar {
	color: #e0e0e0
}

.pop_container .lst_type li {
	overflow: hidden;
	position: relative;
	padding: 7px 0 6px 8px;
	border-bottom: 1px solid #f4f4f4;
	vertical-align: top
}

.pop_container :root .lst_type li {
	padding: 6px 0 5px 8px
}

.pop_container .lst_type li span {
	float: left;
	color: #222
}

.pop_container .lst_type li em {
	float: right;
	margin-top: 1px;
	padding-right: 22px;
	color: #a1a1a1;
	font-size: 11px
}

.pop_container .lst_type li a {
	position: absolute;
	top: 6px;
	right: 5px
}

.pop_container .dsc {
	margin-top: 6px;
	color: #666;
	line-height: 18px
}

.pop_container .dsc_v1 {
	margin-top: 12px
}

.pop_container .dsc em {
	color: #13b72a
}

.pop_container2 {
	padding: 46px 60px 20px
}

.pop_container2 .dsc {
	margin-top: 6px;
	color: #666;
	line-height: 18px
}

.pop_container2 .dsc strong {
	color: #13b72a
}

.upload {
	margin: 0 4px 0 0;
	_margin: 0;
	padding: 6px 0 4px 6px;
	border: solid 1px #d5d5d5;
	color: #a1a1a1;
	font-size: 12px;
	border-right-color: #efefef;
	border-bottom-color: #efefef;
	length: 300px;
}

:root  .upload {
	padding: 6px 0 2px 6px;
}
</style>
</head>
<body>
	<div id="pop_wrap">
		<!-- header -->
		<div id="pop_header">
			<h1>사진 첨부하기</h1>
		</div>
		<!-- //header -->
		<!-- container -->

		<!-- [D] HTML5인 경우 pop_container 클래스와 하위 HTML 적용
	    	 그밖의 경우 pop_container2 클래스와 하위 HTML 적용      -->
		<div id="pop_container2" class="pop_container2">
			<!-- content -->
			<form id="editor_upimage" name="editor_upimage"
				action="FileUploader.php" method="post"
				enctype="multipart/form-data" onSubmit="return false;">
				<div id="pop_content2">
					<input type="file" class="upload" id="uploadInputBox"
						name="Filedata">
					<p class="dsc" id="info">
						<strong>10MB</strong>이하의 이미지 파일만 등록할 수 있습니다.<br>(JPG, GIF,
						PNG, BMP)
					</p>
				</div>
			</form>
			<!-- //content -->
		</div>
		<div id="pop_container" class="pop_container" style="display: none;">
			<!-- content -->
			<div id="pop_content">
				<p class="dsc">
					<em id="imageCountTxt">0장</em>/10장 <span class="bar">|</span> <em
						id="totalSizeTxt">0MB</em>/50MB
				</p>
				<!-- [D] 첨부 이미지 여부에 따른 Class 변화 
            	 첨부 이미지가 있는 경우 : em에 "bg" 클래스 적용 //첨부 이미지가 없는 경우 : em에 "nobg" 클래스 적용   -->

				<div class="drag_area" id="drag_area">
					<ul class="lst_type">
					</ul>
					<em class="blind">마우스로 드래그해서 이미지를 추가해주세요.</em><span id="guide_text"
						class="bg"></span>
				</div>
				<div style="display: none;" id="divImageList"></div>
				<p class="dsc dsc_v1">
					<em>한 장당 10MB, 1회에 50MB까지, 10개</em>의 이미지 파일을<br>등록할 수 있습니다.
					(JPG, GIF, PNG, BMP)
				</p>
			</div>
			<!-- //content -->
		</div>

		<!-- //container -->
		<!-- footer -->
		<div id="pop_footer">
			<div class="btn_area">
				<a href="#"><img src="../../img/photoQuickPopup/btn_confirm.png"
					width="49" height="28" alt="확인" id="btn_confirm"></a> <a href="#"><img
					src="../../img/photoQuickPopup/btn_cancel.png" width="48"
					height="28" alt="취소" id="btn_cancel"></a>
			</div>
		</div>
		<!-- //footer -->
	</div>
	<script type="text/javascript" src="jindo.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="jindo_fileUpload.js"
		charset="utf-8"></script>
	<script type="text/javascript" src="QuickPhotoPopup.js" charset="utf-8"></script>

</body>
</html>